<template>
  <transition name="slide">
    <div class="container">
      <div class="box">
       <header class="header">
        <div class="header-button isleft">
            <router-link to="/" tag="label" >
              <span class="iconfont icon-fanhui"></span>
            </router-link>
        </div>
        <h1 class="header-title">登录</h1>
        <div class="header-button"></div>
      </header>
        <div class="register-header">
      		<img src="http://static-xiaoguotu.17house.com/xgt/s/03/14632543651190729.jpg"/>
    		</div>
        <div class="content">
            <mt-field  placeholder="请输入用户名"></mt-field>
            <!--<mt-field placeholder="验证码" v-model="code" :state="codedState" >
              <span @click="sendCode">{{ tip }}</span>
            </mt-field>-->
            <mt-field  placeholder="请输入密码"></mt-field>
            <mt-button :disabled="fault" @click.native="login" type="primary" size="large">登录</mt-button>
        </div>
      </div>
    </div>
  </transition>
</template>
<script>
import Vue from 'vue'
import { Field, Button, Toast } from 'mint-ui'

Vue.use(Field, Button)
export default {
	methods: {
		login () {
			localStorage.setItem('isLogin','ok')
		}
	}
}
</script>
<style lang="scss" scoped>
@import '@/lib/reset.scss';
.register-header{
	@include rect(100%, 2.3rem);
	@include flexbox();
	@include align-items(); 
  justify-content:center;
  img{
  	@include rect(100%, 100%);
  }
}
</style>
